<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="./common/head.jsp"%>

<div class="right">
        <div class="location">
            <strong>你现在所在的位置是:</strong>
            <span>供应商管理页面</span>
        </div>
        <div class="search">
        	<form method="get" action="${pageContext.request.contextPath }/provider/showPage">
				<input name="method" value="query" type="hidden">
				<span>供应商编码：</span>
				<input name="queryProCode" type="text" value="${queryProCode }">
				
				<span>供应商名称：</span>
				<input name="queryProName" type="text" value="${queryProName }">
				
				<input value="查 询" type="submit" id="searchbutton">
				<a href="${pageContext.request.contextPath }/provider/provideradd.html">添加供应商</a>
			</form>
        </div>
        <!--供应商操作表格-->
        <table class="providerTable" cellpadding="0" cellspacing="0">
            <tr class="firstTr">
                <th width="10%">供应商编码</th>
                <th width="20%">供应商名称</th>
                <th width="10%">联系人</th>
                <th width="10%">联系电话</th>
                <th width="10%">传真</th>
                <th width="10%">创建时间</th>
                <th width="30%">操作</th>
            </tr>
            <c:forEach var="provider" items="${pageBean.pageList }" varStatus="status">
				<tr>
					<td>
					<span>${provider.proCode }</span>
					</td>
					<td>
					<span>${provider.proName }</span>
					</td>
					<td>
					<span>${provider.proContact}</span>
					</td>
					<td>
					<span>${provider.proPhone}</span>
					</td>
					<td>
					<span>${provider.proFax}</span>
					</td>
					<td>
					<span>
					<fmt:formatDate value="${provider.creationDate}" pattern="yyyy-MM-dd"/>
					</span>
					</td>
					<td>
					<span><a class="viewProvider" href="javascript:;" proCode=${provider.proCode } proname=${provider.proName }><img src="${pageContext.request.contextPath }/statics/images/read.png" alt="查看" title="查看"/></a></span>
					<span><a class="modifyProvider" href="javascript:;" proCode=${provider.proCode } proname=${provider.proName }><img src="${pageContext.request.contextPath }/statics/images/xiugai.png" alt="修改" title="修改"/></a></span>
					<span><a class="deleteProvider" href="javascript:;" proCode=${provider.proCode } proname=${provider.proName } proid=${provider.id }><img src="${pageContext.request.contextPath }/statics/images/schu.png" alt="删除" title="删除"/></a></span>
					</td>
				</tr>
			</c:forEach>	
        </table>
        	<div class="page-bar">
				<ul class="page-num-ul clearfix">
					<li>共${pageBean.totalCount}条记录&nbsp;&nbsp;${pageBean.pageNo}/${pageBean.totalPages}页</li>
				
						<a href="${pageContext.request.contextPath }/provider/showPage?pageNo=1&queryProName=${queryproName}&queryProRole=${queryProRole}">首页</a>
						<a href="${pageContext.request.contextPath }/provider/showPage?pageNo=${pageBean.pageNo-1}&queryProName=${queryProName}&queryProRole=${queryProRole}">上一页</a>
						<a href="${pageContext.request.contextPath }/provider/showPage?pageNo=${pageBean.pageNo+1}&queryProName=${queryProName}&queryProRole=${queryProRole}">下一页</a>
						<a href="${pageContext.request.contextPath }/provider/showPage?pageNo=${pageBean.totalPages}&queryProName=${queryProName}&queryProRole=${queryProRole}">最后一页</a>
				
						&nbsp;&nbsp;
				</ul>
			 	<span class="page-go-form"><label>跳转至</label>
	     		<input type="text" name="inputPage" id="inputPage" class="page-key" />页
	     		<button type="button" class="page-btn" >GO</button>
				</span>
			</div> 
			<div class="providerView" style="width:600px;display: none;" id="providerShow">
            	<p><strong>供应商编码：</strong><span id="proCode"></span></p>
            	<p><strong>供应商名称：</strong><span id="proName"></span></p>
            	<p><strong>联系人：</strong><span id="proContact"></span></p>
            	<p><strong>联系电话：</strong><span id="proPhone"></span></p>
            	<p><strong>传真：</strong><span id="proFax"></span></p>
            	<p><strong>描述：</strong><span id="proDesc"></span></p>
       	    </div>
    </div>
</section>

<!--点击删除按钮后弹出的页面-->
<div class="zhezhao"></div>
<div class="remove" id="removeProv">
   <div class="removerChid">
       <h2>提示</h2>
       <div class="removeMain" >
           <p>你确定要删除该供应商吗？</p>
           <a href="#" id="yes">确定</a>
           <a href="#" id="no">取消</a>
       </div>
   </div>
</div>

<%@include file="./common/foot.jsp" %>
<script type="text/javascript" src="${pageContext.request.contextPath }/statics/js/providerlist.js"></script>
